<div class="page page-profile">
    <div class="row" data-ng-controller="userHome">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading"><strong><span class="glyphicon glyphicon-th">
                    </span>&nbsp;&nbsp;&nbsp;&nbsp;个人信息</strong>
                    <div class="pull-right">
                        <a data-ng-hide="info" data-ng-click="setShow()" href="javascript:;" title="修改">
                            <span class="glyphicon glyphicon-pencil"></span></a>
                        <a data-ng-hide="input" data-ng-click="seHide()" href="javascript:;" title="取消">
                            <span class="glyphicon glyphicon-remove"></span></a>&nbsp;&nbsp;&nbsp;
                        <a data-ng-hide="input" data-ng-click="setValue()" href="javascript:;" title="保存">
                            <span class="glyphicon glyphicon-ok"></span></a>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="media">
                        <div class="media-body">
                            <ul class="list-unstyled list-info">
                                <li>
                                    <span class="icon glyphicon glyphicon-stats"></span>
                                    <label>状&nbsp;&nbsp;&nbsp;态</label>
                                    <span>{{userInfo.jobstate}}</span>
                                </li>
                                <li>
                                    <span class="icon glyphicon glyphicon-user"></span>
                                    <label>姓&nbsp;&nbsp;&nbsp;名</label><span data-ng-hide="info">{{userInfo.realname}}</span>
                                    <input data-ng-hide="input" id="homeUserName" type="text" style="height:35px;width: 310px;" data-ng-model="userInfo.realname"/>
                                </li>
                                <li>
                                    <span class="icon glyphicon glyphicon-earphone"></span>
                                    <label>电&nbsp;&nbsp;&nbsp;话</label><span data-ng-hide="info">{{userInfo.phone1}}</span>
                                    <input data-ng-hide="input" type="text" style="height:35px;width: 310px;" data-ng-model="userInfo.phone1"/>
                                </li>
                                <li>
                                    <span class="icon glyphicon glyphicon-envelope"></span>
                                    <label>邮&nbsp;&nbsp;&nbsp;箱</label><span data-ng-hide="info">{{userInfo.email}}</span>
                                    <input data-ng-hide="input" type="text" style="height:35px;width: 310px;" data-ng-model="userInfo.email"/>
                                </li>
                                <li>
                                    <span class="icon glyphicon glyphicon-home"></span>
                                    <label>住&nbsp;&nbsp;&nbsp;址</label><span data-ng-hide="info">{{userInfo.address}}</span>
                                    <input data-ng-hide="input" type="text" style="height:35px;width: 310px;" data-ng-model="userInfo.address"/>
                                </li>
                            </ul>
                            <div class="callout callout-info">
                                <p><h4>温馨提示：</h4></p>
                                <p>以上的信息除状态外可以修改（点击面板右上角修改图标出现输入框将修改的值输入--点击面板右上角保存图标提交修改后的数据）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="panel mini-box">
                        <span class="box-icon bg-danger"><i class="fa fa-film"></i></span>
                        <div class="box-info"><p class="size-h2">39</p><p class="text-muted">新增记录</p></div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="panel mini-box">
                        <span class="box-icon bg-warning"><i class="fa fa-camera"></i></span>
                        <div class="box-info"><p class="size-h2">63</p><p class="text-muted">回访记录</p></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="panel mini-box">
                        <span class="box-icon bg-success"><i class="fa fa-bookmark-o"></i></span>
                        <div class="box-info"><p class="size-h2">55</p><p class="text-muted">成功人数</p></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-profile">
                <div class="panel-heading bg-primary clearfix">
                    <a href="" class="pull-left profile"><img alt="" src="resources/images/g1.jpg" class="img-circle img80_80"></a>
                    <h3 id="userName"></h3><p>{{userInfo.roleName}}</p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item">
                        <span class="badge badge-danger">6</span><i class="fa fa-envelope-o"></i><a href="#">消息</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>